<script setup>
</script>
<template>
   <div class="login">
    <el-card>
        <h1>登录</h1>
        <el-form>
            <el-form-item>
                <el-input placeholder="请输入用户名"></el-input>
            </el-form-item>
            <el-form-item>
                <el-input placeholder="请输入密码" type="password"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" style="width: 100%">登录</el-button>
            </el-form-item>
        </el-form>
  </el-card>
   </div>
</template>
<style scoped lang="less">
.login{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

    .el-card{
        width: 300px;
        height: 400px;
        h1{
            text-align: center;
        }
    }
}
</style>